.main .grades {
  border: solid 1px #ccc;
  background-color: #fff;
  border-radius: 3px;
}
  .main .grades .grade {
    border-bottom: solid 1px #d6d6d6;
    position: relative;
  }
  .main .grades .grade-last {
    border-bottom-style: none;
  }
    /* .cleared */
    .main .grades .grade .bar {  
      overflow: visible;
      padding: 4px;
      background-color: #eeeef3;
      font-size: 120%;
    }
    .main .grades .grade .tinted {
      background-color: #e6e6ee;
    }
      .main .grades .grade .bar .title {
        
        color: #557;
        font-weight: bold;
        float: left;
      }
      .main .grades .grade .bar .percentage {
        font-weight: bold;
        color: #669;
        float: right;
        margin-right: 4px;
      }